@charset "utf-8";
/* CSS Document */
.html5zoo-1 img{ width:100%;}
/* about */
.about{ width:100%; float:left; margin:20px 0px;}
.title{ width:100%; float:left; max-height:52px; text-align:center; background:url(../img/index_12.png) center no-repeat; font-size:30px; font-weight:bold; color:#333; line-height:50px;}
.title span{ color:#007ad8; font-size:30px;}
.title1{ width:100%; float:left; font-size:14px; color:#666; line-height:40px; text-align:center;}
.content{ line-height:32px;  float:left; margin-top:15px; margin-bottom:15px; width:100%; padding:0px 20px;}
.brief{ background:#f3f3f3; padding:10px; color:#333;}
.brief h6{ font-size:18px; font-weight:bold;}
.about a{ color:#333;}
.about a:hover{ font-weight:bold;}
.link >li > img{

  transition: .1s transform;
  transform: translateZ(0);

  /* hack */
}
.link li:hover {
  z-index: 1;
}
.link li a:hover > img {
  transform: scale(1.2, 1.2);
  transition: .3s transform;
}
.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}
.cf:after {
  clear: both;
}
.link{padding:0; width:100%; float:left;}
.link li{ float:left; padding:0;overflow:hidden;}
.link li img{}
/* pro */	 
.pro{ float:left; width:100%;  background:url(../img/index_30.png) bottom repeat-x; padding:20px;}
.pro ul{ padding:0;}
.pro ul li{  float:left;overflow:hidden;}
.pro li p{ margin-top:10px; line-height:30px; font-size:16px; color:#fff;text-align:center;}
.white,.white span{ color:#fff;}

#demo {
overflow:hidden;
margin-top:30px;
width: 100%;
}
#demo img {
border: 5px solid #fff; width:auto; height:230px;box-shadow: 0px 3px 5px 0px #666;
}
#indemo {
float: left;
margin-top:10px;
width: 100000%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}